<template>
  <!--自定义指令 v-loading="{visible:visible,text:'加载中'}" -->
  <div class="container">
    <Row class="title-top">
      <h3>自定义to-do-list</h3>
      <to-do-list class="mt-10" :list="list"></to-do-list>
    </Row>
  </div>
</template>
<script>
import ToDoList from "@components/custom/ToDoList.vue";
export default {
  components: {
    ToDoList
  },
  name: "CustomComponents",
  data() {
    return {
      visible: true,
      list: [
        { id: "1", name: "java", value: "1" },
        { id: "2", name: "vue", value: "2" },
        { id: "3", name: "react", value: "3" }
      ]
    };
  },
  methods: {},
  mounted() {
    this.$loading("loading");
    // 使用index_v2.js
    //this.$loadPlugin.show('loading')
    setTimeout(() => {
      this.$close();
    }, 1000);
  }
};
</script>
<style scoped></style>
